<template>
  <div class="">
    <el-dialog
      title="配置生成比例"
      :visible.sync="visible"
      width="30%"
      :before-close="handleClose"
    >
      <el-form :model="form" ref="formRef">
        <el-form-item
          label="医疗卫生"
          prop="ratio"
          :rules="[
            { required: true, message: '比例不能为空' },
            { type: 'number', message: '比例必须是数字' },
          ]"
        >
          <el-input placeholder="请输入比例" v-model.number="form.ratio" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer">
        <el-button @click="handleClose">取消</el-button>
        <el-button type="primary" @click="handleClose">确认</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "",
  mixins: [],
  components: {},
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      form: {
        ratio: "",
      },
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    handleClose() {
      this.$emit("update:visible", false);
    },
  },
};
</script>

<style scoped lang="scss"></style>
